<template>
	<div id="floatTools" class="rides-cs" >
	  <div class="floatL" style="height:246px;">
	  	<a id="aFloatTools_Show" class="btnOpen" title="查看在线客服" style="display:block" href="javascript:void(0);">展开</a>
	  	<a id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" style="display:none" href="javascript:void(0);">收缩</a>
	  </div>
	  <div id="divFloatToolsView" class="floatR" style="height: 247px;width: 140px;display: none;">
	    <div class="cn">
	      <h3 class="titZx">QQ在线咨询</h3>
	      <ul class="list-unstyled">
	        <li><span>客服1</span> <a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=1810533097&site=qq&menu=yes" ><img border="0" src="http://demo.lanrenzhijia.com/2014/service1031/images/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li>
	        <li><span>客服2</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1423248597&site=qq&menu=yes" ><img border="0" src="http://demo.lanrenzhijia.com/2014/service1031/images/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li>
	        <li>
	            <a href="javascript:void(0)" target="_blank">扬州中瑞酒店职业学院</a>
	        </li>
	        <li>
	            <a href="javascript:void(0)" target="_blank">互联网学院招生网</a>
	        </li>
	        <li style="border:none;"><span>电话：0514-8011 5800</span> </li>
	      </ul>
	    </div>
	  </div>
	</div>
</template>

<script>
export default {
  	mounted(){
		$("#aFloatTools_Show").click(function(){
			$('#divFloatToolsView').animate({width:'show',opacity:'show'},100,function(){$('#divFloatToolsView').show();});
			$('#aFloatTools_Show').hide();
			$('#aFloatTools_Hide').show();				
		});
		$("#aFloatTools_Hide").click(function(){
			$('#divFloatToolsView').animate({width:'hide', opacity:'hide'},100,function(){$('#divFloatToolsView').hide();});
			$('#aFloatTools_Show').show();
			$('#aFloatTools_Hide').hide();	
		});
		 $(window).scroll(function () {
            var kefu = $(".rides-cs").css("top");
            var winPos = $(window).scrollTop()+400;
            $(".rides-cs").css("top",winPos) ;
	    });
	}
}
</script>

<style>
</style>